<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#tips{
				width: 265px;
				border:1px solid #FF0000;
				list-style-type: none;
				margin-top: 3px;
				display: none;
				
			}
			li{
				text-align: left;
				margin-left: -40px;
			}
			li p{
				height: 10px;
			}
			.addLI{
				background-color: #FFEBCD;
				
			}
		</style>
		<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
		<link type="text/css" rel="stylesheet" href="css/jquery.autocomplete.css" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<script type="text/javascript" src="js/jquery.autocomplete.js"></script>	

		<script>
			var states = [
				'Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
				'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii',
				'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana',
				'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota',
				'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire',
				'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota',
				'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island',
				'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
				'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'
				]
		</script>
		<script type="text/javascript">
			$(function(){
				$("#auto1").autocomplete({
						source:[states]
				})
			})
		</script>
	</head>
	<body>
	</body>
	<div class="form-group" style="margin:20px 0px;">
			<input type="text" value="dd" class="form-control" id="auto1" placeholder="enter state"/>
	</div>
</html>
